// 引入 react
import React from 'react';
// 引入 css
import './index.css'

// 类名 继承 React.Component
class HelloWorld extends React.Component {
    handleClick = (e) => {
        console.log(e);
        alert("Hello world!");
    };

    // 渲染 DOM元素 到页面上
    render() {

        // 声明变量
        const text = 'Hello world';

        return (
            <div id="root" className="hello" onClick={this.handleClick}>
                {/* 引入 */}
                {text}
                <p>
                    React I like it
                </p>
                {/* 无序列表 */}
               
                {/* 有序列表 */}
                
                {/* 自定义列表 */}
                
            </div>
            
        );
    };
}

export default HelloWorld;